@font-face {
  font-family: LetterOMatic;
  src: local("LetterOMatic"),
       url("fonts/ltromatic.ttf");
}

/* main css section ------------------------------------------------------------ */
html, body{background: transparent none !important;
	max-width: 1024px;
	margin: 0 auto;
}

.page{
	background:none transparent;
	max-width: 1024px;
	position: relative !important;
	margin: 0 auto;
}

/* all pages */
.lta-header{
	padding: 5px 10px 0 10px;
	background: url("images/header.png") no-repeat top left transparent;
	border: 0 none;
	height: 80px;
	max-width: 1024px;
	margin: 0 auto;
}
	.lta-header .lta-header-title{
		font-family: LetterOMatic;
		color: #535353;
		font-size: 100%;
		text-shadow: #999 2px 2px 1px;
	}
	.lta-header a.lta-settings-button{right: 35px;}
	.lta-header a.lta-info-button{right: 65px;}
	

/* main page  portrait */
#main .lta-content{
	position: relative;
	z-index: 5;
	min-height: 212px;
}	#main .lta-content .ui-grid-a .lta-add-choise, #main .lta-content .ui-grid-a .lta-training-choise{
		display: inline-block;
		border-radius: 10px;
		width: 100%;
		padding-top: 10px;
		text-align: center;
		color:#333;
	}
	#main .lta-content .ui-grid-a .lta-add-choise:hover, #main .lta-content .ui-grid-a .lta-add-choise:focus,
	#main .lta-content .ui-grid-a .lta-training-choise:hover, #main .lta-content .ui-grid-a .lta-training-choise:focus, #main .lta-content .ui-grid-a .checked{
		color:#333;
		background: url("images/lta-chouser-bg.png") repeat-x;
	}
	
#main .lta-footer{
	background: url("images/footer.png") no-repeat top left #caefca;
	border: 0 none;
	z-index: 1;
	max-width: 1024px;
	margin: 0 auto;
}	#main .lta-footer .lta-description{
		display: inline-block;
		font-size: .9em;
		color: #333;
		font-family: Tahoma;
		text-shadow: none;
		font-weight: normal;
		width: 60%;
		margin-top: 60px;
		padding: 10px;
	}
	#main .lta-footer .lta-button-enter {
		display: inline-block;
		position: absolute;
		width: 30%;
		height: 45%;
		max-width: 111px;
		background: url("images/button-enter.png") no-repeat rgba(0, 0, 0, 0) 100% 100%;
		background-size: 100%;
		border: 0 none;
		border-radius: 0 !important;
		right: 0;
		bottom: 0;
	}
/* main page landscape */	
#main.landscape .lta-content{
	position: relative;
	z-index: 5;
	min-height: 104px;
}	#main.landscape .lta-content .ui-grid-a .lta-add-choise, #main.landscape .lta-content .ui-grid-a .lta-training-choise{
		display: inline-block;
		border-radius: 10px;
		width: 100%;
		padding-top: 10px;
		padding-bottom: 10px;
		text-align: center;
		color:#333;
	}
	#main.landscape .lta-content .ui-grid-a .lta-add-choise span, #main.landscape .lta-content .ui-grid-a .lta-training-choise span{
		display: inline-block;
	}
	#main.landscape .lta-content .ui-grid-a .lta-add-choise img, #main.landscape .lta-content .ui-grid-a .lta-training-choise img{
		display: inline-block;
		width: 40%;
	}
	#main.landscape .lta-content .ui-grid-a .lta-add-choise:hover, #main.landscape .lta-content .ui-grid-a .lta-add-choise:focus,
	#main.landscape .lta-content .ui-grid-a .lta-training-choise:hover, #main.landscape .lta-content .ui-grid-a .lta-training-choise:focus, #main.landscape .lta-content .ui-grid-a .checked{
		color:#333;
		background: url("images/lta-chouser-bg.png") repeat-x;
	}
	
#main.landscape .lta-footer{
	background: url("images/footer.png") no-repeat top left #caefca;
	border: 0 none;
	z-index: 1;
	max-width: 1024px;
	margin: 0 auto;
}	#main.landscape .lta-footer .lta-description{
		display: inline-block;
		font-size: .9em;
		color: #333;
		font-family: Tahoma;
		text-shadow: none;
		font-weight: normal;
		width: 60%;
		margin-top: 60px;
		padding: 10px;
	}
	#main.landscape .lta-footer .lta-button-enter {
		display: inline-block;
		position: absolute;
		width: 20%;
		height: 55%;
		max-width: 111px;
		background: url("images/button-enter.png") no-repeat rgba(0, 0, 0, 0) 100% 100%;
		background-size: 100%;
		border: 0 none;
		border-radius: 0 !important;
		right: 0;
		bottom: 0;
	}